<template>
     <div class="wrapper" >
        <!--<div>-->
            <!--<text class="message"> hello  i am  here  </text>-->
            <!--<text class="message"> hello  i am  here  </text>-->
            <!--<text class="message"> hello  i am  here  </text>-->

        <!--</div>-->
         <router-view></router-view>
         <div style="width: 100px;height: 100px;background-color: darkred" @click="goNewpage"></div>


         <!--<router-view style="width: 300px ;height: 50px;background-color: yellow"></router-view>-->

    </div>
</template>

<script>
  // import temp from "./components/temp"
  // const HelloWeex = weex.requireModule("HelloWeex");

  const helloWX = weex.requireModule('HelloWeex')

  export default {
    name: 'App',
    data() {
      return {

      }
    },
    methods: {
      goNewpage(){


        // HelloWeex.show("from Weex", function (ret) {
        //
        //   modal.toast({message: ret.result})
        //   let str = ret.result;
        //   this.currentStr = str;
        // })
        console.log(111);
        this.$router.push({path:'/hello'})
        // helloWX.turnPage({"pageUrl":'/hello'})
        console.log(222);
      },

    },

  }
</script>
<style>
    .wrapper {
        justify-content: center;
        align-items: center;
        background-color: #00B4FF;
    },
    .message{
        color: black;
        font-size: 30px;
    }
</style>
